<extend name="Base/common" />

<block name="style">
	<link rel="stylesheet" type="text/css" href="__PUBLIC__/Api/css/custom.css">
</block>

<block name="Content">

<div class="page-group">
    <div class="page page-custom page-current">
        <!-- 你的html代码 -->
        <div class="bar bar-custom">
        	<form action="" method="post">
	            <div class="searchbar searchbar-right searchbar-custom">
	                <a class="searchbar-cancel">取消</a>
	                <div class="search-input search-input-custom">
	                    <label class="icon icon-search icon-align-right" for="search"></label>
	                    <input type="search" id="param" name="param" placeholder="输入关键字...">
	                </div>
	            </div>
            </form>
        </div>
        <div class="content bar-header-secondary">
        	<notempty name="list">
                <foreach name="list" item="class">
            		<div class="content-block-title content-block-title-custom">{$class.name}</div>
		            <div class="list-block list-block-custom">
		                <ul>
		                	<foreach name="class['detail']" item="detail">
		                    <li class="item-content item-link" onclick="javascript:window.location.href='{:U('Orders/appointment', 'detail_id='.$detail['detail_id'].'&class_id='.$detail['class_id'])}'">
		                        <div class="item-media"><i class="icon icon-f7"></i></div>
		                        <div class="item-inner">
		                            <div class="item-title">{$detail.detail_name}</div>
		                            <div class="item-after highlight">
		                            	{$detail.price}{:get_dictionary_enum_name('unit_options', $detail['unit'])}
		                            </div>
		                        </div>
		                    </li>
		                    </foreach>
		                </ul>
		            </div>
		        </foreach>
		    <else/>
		    	<div class="content-block-title content-block-title-custom">未搜索到相关信息</div>
		    </notempty>
        </div>
    </div>
</div>

</block>

<block name="script">
<script src="__PUBLIC__/Api/js/swiper.min.js" type="text/javascript"></script>
<script type="text/javascript">
var swiper = new Swiper('.swiper-container', {
    pagination: '.swiper-pagination',
    nextButton: '.swiper-button-next',
    prevButton: '.swiper-button-prev',
    paginationClickable: true,
    spaceBetween: 30,
    centeredSlides: true,
    autoplay: 2500,
    autoplayDisableOnInteraction: false
});
</script>
</block>

